﻿
@{
    ViewBag.Title = "表格行过滤";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script src="~/Content/bootstrap-table/extensions/filter-control/bootstrap-table-filter-control.js"></script>
@Scripts.Render("~/Script/Role/Index2")

<div class="panel-body" style="padding:0px;">
    <div class="panel panel-default">
        <div class="panel-heading">查询条件</div>
        <div class="panel-body">
            <form id="formSearch" class="form-horizontal">
                <div class="form-group">
                    <label class="control-label col-sm-1" for="txt_search_rolename">角色名称</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" id="txt_search_rolename">
                    </div>
                    <label class="control-label col-sm-1" for="txt_search_desc">描述</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" id="txt_search_desc">
                    </div>
                    <div class="col-sm-4" style="text-align:right;">
                        <button type="button" id="btn_query" class="btn btn-primary">查询</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div id="toolbar" class="btn-group">
        <button id="btn_add" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
        </button>
        <button id="btn_edit" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
        </button>
        <button id="btn_delete" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
        </button>
        <button id="btn_powerset" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-apple" aria-hidden="true"></span>权限设置
        </button>
    </div>

    <table id="tb_roles" data-filter-control="true">
        <thead>
            <tr>
                <th data-field="ROLE_NAME" data-filter-control="select">角色名称</th>
                <th data-field="DESCRIPTION" data-filter-control="input">角色描述</th>
                <th data-field="ROLE_DEFAULTURL" data-filter-control="input">角色默认页面</th>
            </tr>
        </thead>
    </table>
</div>

